<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello Flex</title>
    <script src="jslibs/ruffle/ruffle.js"></script>
    <style>
        html,
        body,
        #swf-container {
            --logo-display: none;
            margin: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
    </style>

</head>

<body>
    <div id="swf-container"></div>
    <script>

        (async function () {
            var ruffle = window.RufflePlayer.newest();
            var player = ruffle.createPlayer();
            player.style.width = "100%";
            player.style.height = "100%";
            player.config = {
                autoplay: "on",
                unmuteOverlay: "hidden",
                contextMenu: "off",
                splashScreen: true
            };
            var container = document.getElementById("swf-container");
            container.appendChild(player);
            player.load("bin/Main.swf");
        })();
    </script>
</body>

</html>